@import "@/styles/variable.less";

.light-theme () {
  --van-grid-item-content-background: transparent !important;
  --van-grid-item-icon-size: 40px !important;
  --van-grid-item-text-font-size: 14px !important;
  --van-grid-item-text-color: rgba(56, 72, 89, 1) !important;
  --van-cell-background: --wz-background !important;
  --van-cell-group-background: --wz-background !important;
  --van-field-label-color: rgba(22, 49, 78, 1) !important;
  --van-cell-border-color: --wz-background !important;
  --van-field-input-text-color: var(--field-input-color) !important;
  --van-checkbox-size: 14px !important;
  --van-checkbox-label-color: #8B95B3 !important;
  --van-nav-bar-height: @HeaderHeight !important;
  --van-nav-bar-icon-color: rgba(53, 77, 34, 1) !important;
  --van-cell-line-height: calc(36px - 9px * 2) !important;
  --van-button-default-height: 30px !important;
  --van-button-success-background:  rgba(252, 228, 49, 1) !important;
  --van-overlay-background: rgba(242, 244, 246, 0.55) !important;
  --van-button-border-width: 0 !important;
  --van-cell-group-inset-padding: 0 !important;
  --van-notify-success-background: transparent !important;
  --van-field-word-limit-color: var(--desc-color) !important;
  --van-text-color-3: var(--next-desc-color) !important;

  --button-color: #fff;
  --wz-background: rgba(242, 242, 242, 1);
  --wz-header-background: rgba(255, 255, 255, 1);
  --wz-footer-background: rgba(255, 255, 255, 1);
  --wz-footer-color: rgba(128, 128, 128, 1);
  --header-color: rgba(0, 0, 0, 1);
  --header-resgiter-button-color: rgba(255, 255, 255, 1);
  --back-header-background: rgba(255, 255, 255, 1);
  --field-input-background: rgba(247, 247, 247, 1);
  --field-input-color: rgba(156, 156, 156, 1);
  --switch-border: rgba(220, 220, 220, 1);
  --selected-tab-color: rgba(253, 224, 22, 1);
  --default-tab-color:  rgba(55, 73, 87, 1);
  --field-button-disabled-color: rgba(204, 197, 197, 1);
  --field-input-placeholder: rgba(76, 76, 76, 0.66);
  --field-check-box-text: rgba(133, 130, 130, 1);
  --register-link: rgba(139, 145, 17, 1);
  --me-user-name: rgba(129, 131, 133, 1);
  --me-gold-number: rgba(47, 45, 49, 1);
  --me-money-block-background: #F2F4F6;
  --game-mask-background: rgba(242, 244, 246, 0.96);
  --desc-color: rgba(137, 148, 152, 1);
  --next-desc-color: rgba(162, 164, 166, 1);
  --selected-ratio-background: rgba(254, 216, 0, 1);
  --disabled-input-background: rgba(212, 205, 205, 1);
  --error-tip-background: rgba(250, 65, 55, 1);
  --popover-tab-bar: rgba(178, 178, 178, 1);
  --address-block-background: rgba(247, 249, 251, 1);
  --bonus-card-title-color: rgba(102, 110, 120, 1);
  --message-tab-all: rgba(125, 140, 158, 1);
  --text-area-border: rgba(216, 220, 222, 1);
  --footer-box-shadow: 0px -1px 2px  rgba(0, 0, 0, 0.25);
  --loading-mask-background: rgba(74, 74, 74, 0.55);
  --button-disable-background: rgba(140, 140, 140, 1);
  --footer-color: rgba(146, 145, 145, 1);
  --home-card-background: rgba(247, 248, 250, 1);
  --message-card-background: rgba(255, 255, 255, 1);
  --message-card-border: rgba(220, 220, 220, 1);
  --bonus-card-background: rgba(255, 255, 255, 1);
  --bonus-card-content: var(--desc-color);
  --ranking-border-color: rgba(232, 232, 232, 1);
  --ranking-top-background: rgba(232, 232, 232, 1);
  --ranking-top1-color: rgba(13, 21, 181, 1);
  --ranking-top2-color: rgba(224, 46, 65, 1);
  --ranking-top3-color: rgba(0, 161, 75, 1);
  --me-header-block-background: var(--wz-footer-background);
  --table-row-color: rgba(129, 131, 133, 1);
  --table-column-color: #f0f0f0;
  --van-popup-background: rgba(255,255,255,1);
  --dropdown-background: rgba(255, 255, 255, 1);
  --dropdown-selected-background: var(--back-header-background);
  --address-border-color: #fff;
  --convert-blcok-input-border: rgba(216, 220, 222, 1);
  --convert-block-input-background: rgba(232, 232, 232, 1);
  --convert-block-input: rgba(76, 76, 76, 0.66);
  --deposit-amount-block-header: rgba(129, 131, 133, 1);
  --deposit-amount-block-context: rgba(22, 32, 129, 1);
  --deposit-amount-block-selected-header: rgba(129, 131, 133, 1);
  --deposit-amount-block-selected-context: rgba(22, 32, 129, 1);
  --van-button-success-color: rgba(51, 51, 51, 1);
  --deposit-exchange-gold: rgba(22, 32, 129, 1);
}

.dark-theme () {
  --van-button-success-color: rgba(51, 51, 51, 1);
  --van-grid-item-content-background: transparent !important;
  --van-grid-item-icon-size: 40px !important;
  --van-grid-item-text-font-size: 14px !important;
  --van-grid-item-text-color: rgba(255, 248, 248, 1) !important;
  --van-cell-background: --wz-background !important;
  --van-cell-group-background: --wz-background !important;
  --van-field-label-color: rgba(255, 248, 248, 1) !important;
  --van-cell-border-color: --wz-background !important;
  --van-field-input-text-color: var(--field-input-color) !important;
  --van-checkbox-size: 14px !important;
  --van-checkbox-label-color: #8B95B3 !important;
  --van-nav-bar-height: @HeaderHeight !important;
  --van-nav-bar-icon-color: rgba(215, 217, 220, 1) !important;
  --van-cell-line-height: calc(36px - 9px * 2) !important;
  --van-button-default-height: 30px !important;
  --van-button-success-background: rgba(96, 153, 26, 1) !important;
  --van-overlay-background: rgba(242, 244, 246, 0.55) !important;
  --van-button-border-width: 0 !important;
  --van-cell-group-inset-padding: 0 !important;
  --van-notify-success-background: transparent !important;
  --van-field-word-limit-color: var(--desc-color) !important;
  --van-text-color-3: var(--next-desc-color) !important;

  --button-color: #fff;
  --wz-background: rgba(22, 32, 44, 1);
  --wz-header-background: rgba(35, 49, 61, 1);
  --wz-footer-background: rgba(26, 33, 42, 1);
  --wz-footer-color: rgba(128, 128, 128, 1);
  --header-color: rgba(255, 255, 255, 1);
  --header-resgiter-button-color: rgba(255, 255, 255, 1);
  --back-header-background: rgba(255, 255, 255, 1);
  --field-input-background: rgba(35, 49, 61, 1);
  --ranking-border-color: rgba(80, 97, 112, 1);
  --field-input-color: rgba(235, 237, 240, 1);
  --switch-border: rgba(35, 49, 61, 1);
  --selected-tab-color: rgba(96, 153, 26, 1);
  --default-tab-color:  rgba(255, 248, 248, 1);
  --field-button-disabled-color: rgba(204, 197, 197, 1);
  --field-input-placeholder: rgba(117, 117, 117, 1);
  --field-check-box-text: rgba(133, 130, 130, 1);
  --register-link: rgba(139, 145, 17, 1);
  --me-user-name: rgba(240, 240, 240, 1);
  --me-gold-number: rgba(255, 248, 248, 1);
  --me-money-block-background: rgba(45, 68, 88, 1);
  --game-mask-background: rgba(242, 244, 246, 0.96);
  --desc-color: rgba(137, 148, 152, 1);
  --next-desc-color: rgba(162, 164, 166, 1);
  --selected-ratio-background: rgba(254, 216, 0, 1);
  --disabled-input-background: rgba(45, 68, 88, 1);
  --error-tip-background: rgba(250, 65, 55, 1);
  --popover-tab-bar: rgba(15, 22, 31, 1);
  --address-block-background: rgba(247, 249, 251, 1);
  --bonus-card-title-color: rgba(252, 252, 252, 1);
  --message-tab-all: rgba(238, 232, 232, 1);
  --text-area-border: rgba(216, 220, 222, 1);
  --footer-box-shadow: 0px -1px 2px  rgba(0, 0, 0, 0.25);
  --loading-mask-background: rgba(74, 74, 74, 0.55);
  --button-disable-background: rgba(140, 140, 140, 1);
  --footer-color: rgba(178, 186, 188, 1);
  --home-card-background: rgba(244, 245, 247);
  --message-card-background: rgba(35, 49, 61, 1);
  --message-card-border: rgba(88, 94, 99, 1);
  --bonus-card-background: rgba(54, 81, 105, 1);
  --bonus-card-content: rgba(255, 248, 248, 1);
  --ranking-top-background: rgba(96, 153, 26, 1);
  --ranking-top1-color: rgba(240, 240, 252, 1);
  --ranking-top2-color: rgba(254, 216, 0, 1);
  --ranking-top3-color: rgba(13, 21, 181, 1);
  --me-header-block-background: rgba(25, 36, 51, 1);
  --table-row-color: rgba(129, 131, 133, 1);
  --table-column-color: rgba(127, 129, 130, 1);
  --van-popup-background: rgba(22, 32, 44, 1);
  --dropdown-background: rgba(31, 64, 4, 1);
  --dropdown-selected-background: rgba(254, 216, 0, 1);
  --address-border-color: #000;
  --convert-blcok-input-border: rgba(27, 28, 28, 1);
  --convert-block-input-background: rgba(45, 68, 88, 1);
  --convert-block-input: rgba(255, 255, 255, 0.66);
  --deposit-amount-block-header: rgba(255, 255, 255, 1);
  --deposit-amount-block-context: rgba(191, 191, 191, 1);
  --deposit-amount-block-selected-header: rgba(255, 255, 255, 1);
  --deposit-amount-block-selected-context: rgba(99, 97, 97, 1);
  --deposit-exchange-gold: rgba(96, 153, 26, 1);
}

:root {
  .light-theme ();
}

[data-theme="light"] {
  .light-theme ();
}

[data-theme="dark"] {
  .dark-theme ();
}